<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="description" content="金顾云集团党建工作 - 坚持党建引领，促进企业高质量发展。">
    <meta name="keywords" content="金顾云党建,党建引领,红色基因,企业党建,高质量发展">
    <title>党建 - 金顾云集团</title>
    <link rel="stylesheet" href="css/styles.css">
    <link rel="stylesheet" href="css/nav.css">
    <link rel="stylesheet" href="css/party.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
    <script src="js/load-nav.js"></script>
</head>
<body>
    <!-- 导航组件容器 -->
    <div id="nav-container"></div>

    <!-- 页面横幅 -->
    <section class="page-banner">
        <div class="container">
            <div class="banner-content">
                <h1>党支部建设</h1>
                <p>党支部建设引领企业高质量发展。</p>
            </div>
        </div>
    </section>


    <!-- 党建简介创新排版 -->
    <section class="section party-intro-innovate">
      <div class="container">
        <h2 class="section-title">我们的党建</h2>
        <div class="party-points-cards">
          <div class="party-point-card">
            <span class="party-square-innovate"></span>
            <div class="party-point-text-innovate">
              金顾云党支部成立于2024年9月9日，隶属于深圳市南山区粤海街道高新区社区党委。
            </div>
          </div>
          <div class="party-point-card">
            <span class="party-square-innovate"></span>
            <div class="party-point-text-innovate">
              听党话，跟党走，将党建工作与业务相融合，以党建作为企业服务和发展的理念基石。
            </div>
          </div>
          <div class="party-point-card">
            <span class="party-square-innovate"></span>
            <div class="party-point-text-innovate">
              党支部努力践行先锋队职责，积极参与公益活动，倡议合规展业和提升风险防范意识。
            </div>
          </div>
        </div>
      </div>
    </section>

    <!-- 党建理念 -->
    <section class="section">
        <div class="container">
            <h2 class="section-title">我们的党建理念</h2>
            <p class="section-subtitle">金顾云集团始终坚持以习近平新时代中国特色社会主义思想为指导，将党建工作融入企业经营发展全过程，以高质量党建引领企业高质量发展。</p>
            <div class="philosophy-grid">
                <div class="philosophy-item">
                    <i class="fas fa-flag"></i>
                    <h3>政治引领</h3>
                    <p>牢牢把握正确政治方向，发挥党组织政治核心作用。</p>
                </div>
                <div class="philosophy-item">
                    <i class="fas fa-users-cog"></i>
                    <h3>组织建设</h3>
                    <p>强化基层党组织建设，提升组织力，增强凝聚力。</p>
                </div>
                <div class="philosophy-item">
                    <i class="fas fa-hand-holding-heart"></i>
                    <h3>文化融合</h3>
                    <p>将红色基因融入企业文化，激发员工爱岗敬业、干事创业热情。</p>
                </div>
            </div>
        </div>
    </section>

    <!-- 党建活动 -->
    <section class="section bg-light">
        <div class="container">
            <h2 class="section-title">党建活动剪影</h2>
            <div class="activity-grid">
                <div class="activity-card clickable-card" onclick="window.open('https://mp.weixin.qq.com/s/qE_Lqun2Raa9_IMRsQcy6Q', '_blank')">
                    <img src="https://cfcyunchat-1314260234.cos.ap-nanjing.myqcloud.com/pc/1753437850806.jpg" alt="荔枝主题读书活动">
                    <div class="card-content">
                        <h3>金顾云集团党支部：红色传承与文化启迪，一场跨时代的读书盛宴</h3>
                        <p>盛夏时节，岭南荔枝飘香。恰逢央视和腾讯视频热播剧《长安的荔枝》引发热议，金顾云集团党支部以此为灵感...</p>
                        <div class="card-link">
                            <i class="fas fa-external-link-alt"></i>
                            <span>查看详情</span>
                        </div>
                    </div>
                </div>
                <div class="activity-card clickable-card" onclick="window.open('https://mp.weixin.qq.com/s/C7tajZPcUVW3qj9J772_kQ', '_blank')">
                    <img src="https://cfcyunchat-1314260234.cos.ap-nanjing.myqcloud.com/pc/1753437057589.jpg" alt="红色引擎教育活动">
                    <div class="card-content">
                        <h3>照亮求学征程，铸就"红色引擎"，金顾云如何凭借责任跑出融顾发展的加速度？</h3>
                        <p>在竞争激烈的商业市场中，为何金顾云集团的名字总能与"责任"和"信任"紧密相连？答案或许隐匿于那些被点亮的求学梦想之中...</p>
                        <div class="card-link">
                            <i class="fas fa-external-link-alt"></i>
                            <span>查看详情</span>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </section>


    <!-- 简洁底部 -->
    <footer class="footer-simple">
      <div class="footer-main">
        <!-- 公司信息 -->
        <div class="footer-brand" style="flex:1 1 0;">
          <img src="https://cfcyunchat-1314260234.cos.ap-nanjing.myqcloud.com/pc/%E9%87%91%E9%A1%BE%E4%BA%91logo.jpg" alt="金顾云logo" class="footer-logo">
          <div class="footer-tagline">让融资更简单</div>
        </div>
        <!-- 栏目三栏 -->
        <div class="footer-columns" style="flex:1.5 1 0; min-width:260px;">
          <div class="footer-nav-section">
            <h4>融顾服务</h4>
            <a href="finance-outsourcing-center.html">融资外包</a>
            <a href="consultant.html">常顾服务</a>
          </div>
          <div class="footer-nav-section">
            <h4>关于我们</h4>
            <a href="about.html">公司简介</a>
            <a href="club.html">金顾云俱乐部</a>
            <a href="partner.html">合伙人加盟</a>
          </div>
          <div class="footer-nav-section">
            <h4>联系我们</h4>
            <a href="tel:0755-86561203">0755-86561203</a>
            <a href="mailto:service@cfcyun.com">service@cfcyun.com</a>
            <a href="#contact">免费咨询</a>
          </div>
        </div>
        <!-- 二维码区域 -->
        <div class="footer-qr" style="flex:3.5 1 0; max-width:900px;">
          <h4>扫码关注</h4>
          <div class="qr-grid">
            <div class="footer-qr-item">
              <img src="https://cfcyunchat-1314260234.cos.ap-nanjing.myqcloud.com/pc/1.jpg" alt="金顾云小程序" class="footer-qr-img">
              <span>金顾云小程序</span>
            </div>
            <div class="footer-qr-item">
              <img src="https://cfcyunchat-1314260234.cos.ap-nanjing.myqcloud.com/pc/2.jpg" alt="金顾云俱乐部小程序" class="footer-qr-img">
              <span>金顾云俱乐部小程序</span>
            </div>
            <div class="footer-qr-item">
              <img src="https://cfcyunchat-1314260234.cos.ap-nanjing.myqcloud.com/pc/3.jpg" alt="金顾云公众号" class="footer-qr-img">
              <span>金顾云公众号</span>
            </div>
            <div class="footer-qr-item">
              <img src="https://cfcyunchat-1314260234.cos.ap-nanjing.myqcloud.com/pc/4.jpg" alt="金顾云俱乐部公众号" class="footer-qr-img">
              <span>金顾云俱乐部公众号</span>
            </div>
            <div class="footer-qr-item">
              <img src="https://cfcyunchat-1314260234.cos.ap-nanjing.myqcloud.com/pc/5.jpg" alt="金顾云公益基金会公众号" class="footer-qr-img">
              <span>金顾云公益基金会公众号</span>
            </div>
            <div class="footer-qr-item">
              <img src="https://cfcyunchat-1314260234.cos.ap-nanjing.myqcloud.com/pc/6.jpg" alt="金顾云视频号" class="footer-qr-img">
              <span>金顾云视频号</span>
            </div>
            <div class="footer-qr-item">
              <img src="https://cfcyunchat-1314260234.cos.ap-nanjing.myqcloud.com/pc/7.jpg" alt="金顾云俱乐部视频号" class="footer-qr-img">
              <span>金顾云俱乐部视频号</span>
            </div>
          </div>
        </div>
      </div>
      <!-- 底部信息 -->
      <div class="footer-bottom">
        <div class="footer-copyright">
          <span>© 2024 金顾云集团 版权所有</span>
                      <a href="https://beian.miit.gov.cn/" target="_blank" style="text-decoration: none;">沪ICP备2022025984号-3</a>
          <span>沪公网安备31010102007667号</span>
        </div>
		<div class="footer-links">
		  <a href="/privacy">隐私政策</a>
		  <a href="/terms">服务条款</a>
		</div>
       
      </div>
    </footer>

    <style>
    /* 可点击卡片样式 */
    .clickable-card {
        cursor: pointer;
        transition: all 0.3s ease;
        position: relative;
        overflow: hidden;
    }
    
    .clickable-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 10px 25px rgba(0,0,0,0.15);
    }
    
    .clickable-card:hover::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: linear-gradient(135deg, rgba(220, 41, 16, 0.1) 0%, rgba(220, 41, 16, 0.05) 100%);
        z-index: 1;
    }
    
    .clickable-card .card-content {
        position: relative;
        z-index: 2;
    }
    
    .card-link {
        display: flex;
        align-items: center;
        gap: 8px;
        color: #DE2910;
        font-size: 0.9em;
        font-weight: 500;
        margin-top: 12px;
        opacity: 0.8;
        transition: opacity 0.3s ease;
    }
    
    .clickable-card:hover .card-link {
        opacity: 1;
    }
    
    .card-link i {
        font-size: 0.8em;
    }
    
    /* 简洁底部样式（参考首页） */
    .footer-simple {
      background: #f8f9fa;
      border-top: 1px solid #e9ecef;
      margin-top: 60px;
      width: 100%;
    }
    .footer-main {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      width: 100%;
      padding: 48px 40px 32px 40px;
      box-sizing: border-box;
      gap: 32px;
    }
    .footer-brand {
      min-width: 120px;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
    }
    .footer-logo {
      width: 80px;
      height: auto;
      margin-bottom: 16px;
      border-radius: 6px;
    }
    .footer-tagline {
      color: #6c757d;
      font-size: 1.1em;
      font-weight: 500;
      margin-top: 0;
    }
    .footer-columns {
      display: flex;
      gap: 48px;
      justify-content: center;
      min-width: 260px;
    }
    .footer-nav-section {
      min-width: 120px;
    }
    .footer-nav-section h4 {
      font-size: 1em;
      font-weight: 600;
      color: #343a40;
      margin-bottom: 16px;
      margin-top: 0;
    }
    .footer-nav-section a {
      display: block;
      color: #6c757d;
      text-decoration: none;
      margin-bottom: 8px;
      font-size: 0.9em;
      transition: color 0.2s ease;
    }
    .footer-nav-section a:hover {
      color: #c00;
    }
    .footer-qr {
      min-width: 320px;
      max-width: 900px;
      display: flex;
      flex-direction: column;
      align-items: center;
    }
    .footer-qr h4 {
      font-size: 1.1em;
      font-weight: 600;
      color: #343a40;
      margin-bottom: 16px;
      margin-top: 0;
      text-align: center;
    }
    .qr-grid {
      display: flex;
      flex-wrap: wrap;
      gap: 18px 18px;
      justify-content: flex-start;
      max-width: 900px;
    }
    .footer-qr-item {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 6px;
      width: 80px;
    }
    .footer-qr-img {
      width: 60px;
      height: 60px;
      border-radius: 6px;
      box-shadow: 0 2px 6px rgba(0,0,0,0.1);
      transition: transform 0.3s ease;
    }
    .footer-qr-img:hover {
      transform: scale(1.05);
    }
    .footer-qr-item span {
      font-size: 0.7em;
      color: #6c757d;
      text-align: center;
      margin-top: 2px;
      line-height: 1.2;
      word-wrap: break-word;
      hyphens: auto;
    }
    .footer-bottom {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 24px 40px;
      border-top: 1px solid #e9ecef;
      font-size: 0.85em;
      color: #6c757d;
      width: 100%;
      box-sizing: border-box;
    }
    .footer-copyright {
      display: flex;
      gap: 24px;
    }
    .footer-links {
      display: flex;
      gap: 24px;
    }
    .footer-links a {
      color: #6c757d;
      text-decoration: none;
      transition: color 0.2s ease;
    }
    .footer-links a:hover {
      color: #c00;
    }
    /* 响应式设计 */
    @media (max-width:1024px) {
      .footer-main {
        flex-wrap: wrap;
        gap: 24px;
        padding: 32px 16px 24px 16px;
      }
      .footer-columns {
        gap: 24px;
      }
      .footer-qr {
        min-width: 220px;
        max-width: 100%;
      }
      .qr-grid {
        gap: 12px 12px;
        max-width: 100%;
      }
    }
    @media (max-width: 900px) {
      .footer-main {
        flex-direction: column;
        gap: 24px;
        padding: 20px 8px;
      }
      .footer-columns {
        flex-direction: column;
        gap: 8px;
        min-width: 0;
      }
      .footer-qr {
        align-items: flex-start;
        min-width: 0;
      }
      .qr-grid {
        justify-content: flex-start;
      }
    }
    @media (max-width: 700px) {
      .footer-main {
        gap: 12px;
        padding: 10px 2px;
      }
      .footer-bottom {
        flex-direction: column;
        gap: 8px;
        padding: 8px;
      }
    }
    </style>
    <script src="js/main.js"></script>
</body>
</html> 